<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">

	<meta id="viewport" name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no">
	<title>旋转木马</title>
	<link rel="stylesheet" href="css/mk-3Dcarousel.css">
	<link rel="stylesheet" type="text/css" href="css/book.css">

	<!--[if IE]>
		<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<div style="margin-bottom:50px">
		<div class="Myimage">
		<ul height="200"  id="image">
			<li height="200"  id="image1">
				<image height="200" src="images/carousel/image1.jpg">
			</li>
			<li id="image2">
				<image src="images/carousel/image2.jpg">
			</li>
			<li id="image3">
				<image src="images/carousel/image3.jpg">
			</li>
			<li id="image4">
				<image src="images/carousel/image4.jpg">
			</li>
			<li id="image5">
				<image src="images/carousel/image5.jpg">
			</li>
			<li id="image6">
				<image src="images/carousel/image6.jpg">
			</li>
		</ul>
			
		</div>
	</div>
<body>
	
	<article class="htmleaf-container">
		<div class="container">
			<div class="mk-carousel" id="mkCarousel">
	            <img class="active" src="images/carousel/001.jpg" alt="">
	            <img src="images/carousel/002.jpg" alt="">
	            <img src="images/carousel/003.jpg" alt="">
	            <img src="images/carousel/004.jpg" alt="">
	            <img src="images/carousel/005.jpg" alt="">
	            <img src="images/carousel/006.jpg" alt="">
	            <img src="images/carousel/007.jpg" alt="">
	            <img src="images/carousel/008.jpg" alt="">
	        </div>
		</div>
	</article>
	<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script src="js/mk-3Dcarousel.js"></script>
    <script src="js/custom.js"></script>
 	<script src="js/books.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
			$('.Myimage #image').kissSlider({
				prevSelector: '.Myimage .previous',
				nextSelector: '.Myimage .next',
				paginationSelector: '.Myimage .kiss-pagination',
				startIndex:3,
			});
		})
	</script>
</body>
</html>